@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-04-15 16:58:09
 * @version $Id$
 */

body{

	font-size: 62.5%;
}
.projects{

	width: 100%;
	float: left;
	background-color: #F4F4F4;
}
.projects_box{
	width: 100%;
	float: left;
	text-align: center;
}

.projects_box h1{
	font-size: 5rem;
	text-transform: uppercase;
	color: #2190C1;
	width: 100%;
	font-family: Bn;
	margin-top: 37px;
	margin-bottom: 41px;

}
.daoheng{
	width: 100%;
	float: left;
	color: #2190C1;
	border-top: 1px solid #b3d5e4;
	border-bottom: 1px solid #b3d5e4;
	background-color: #F4F4F4;
}
.daoheng_box{
	width: 100%;
	text-align: center;
	
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px 0px;
	
}
.daoheng_one {
	display: flex;
	width: 100%;
	justify-content:space-between;
	flex-wrap:wrap;
}
.daoheng_one > li{
	flex-basis:14%;
	
	position: relative;
	border-right: 1px solid #c3c4c4;
}
.daoheng_one > li:first-child{
	border-left:1px solid #b3d5e4;
}




.daoheng_one > li >a {
	display: inline-block;
	
	
	position: relative;
	min-width: 5%;
	text-align: center;
	line-height: 16px;
	font-size: 16px;
	
}
.daoheng_one >li ul.daoheng_list{
	border: none;
	position: absolute;
	width: 100%;
	margin: 0 auto;
	background: #F98561;
	top: 100%;
	display: none;
	z-index: 9999;



}


.daoheng_one li ul.daoheng_list li{
	border: none;
    border-bottom: 1px solid #F9AF8C;
    width: 80%;
    line-height: 200%;
    margin: 0 auto;
    text-align: left;
}
.daoheng_one li ul.daoheng_list li:last-child{
	border: none; 
}
          

.daoheng_one li ul.daoheng_list li a{
	border:none;
}
.daoheng_one >li> a{
   display: inline-block;
   text-transform: uppercase;
   font-size: 1rem;
   font-family: Mps;
   padding: 4% 0;
   color: #525862;
   
  
   
} 

/* 鼠标经过二级菜单出现 */



.daoheng_one > li:hover{

	background-color: #2190c1;
}

.daoheng_one > li:hover >a{

	color: #fff;
}
.daoheng_one > li:hover .daoheng_list {

    display: block;
}




.show{
	width: 100%;
	background-color: #F4F4F4;
	float: left;
}


.show_box{
	width: 100%;
	display: flex;
	align-content:space-between;
	justify-content:space-between;
	flex-wrap:wrap;
	
}

.show_box > div{
	flex-basis:25%;
	margin-top: 2%;
	border: 12px solid #fff;
}


.show_box_img{

	width:100%;
	height: 100%;
	margin:0 auto;
	overflow: hidden;
	
}

.show_box_img img{
	width: 100%;
	height: 100%;
	
}


.show_hide{

	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;

}

.show_list{

   width: 340%;
   float: left;
   
   margin-bottom: 146px;
   transition:all .3s linear;


}

.show_box{
	float: left;
	width: 29.3%;

}

.show_hide label{

	position: absolute;
	display: inline-block;
	background:red;
	top: 90%;
	left: 45%;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color:#fff;
	
	background-color: #aaaaaa;
	
}

#lin{

    margin-left: -50px;
    border-radius: 5px;
}

#links_nu{
	margin-left: 130px;
    border-radius: 5px;

}
#links_nus{
	margin-left: 180px;
    border-radius: 5px;

}

#link{

    margin-left: 0px;
    padding-right: 20px;
    background-color: #2190c1;
    text-indent: 12px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-image: url(../images/link_bg.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    text-indent: 20px;


}
#links{

    margin-left: 50px;
    padding-right: 30px;
    text-indent: 12px;
    background-color: #2190c1;
    border:none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-image: url(../images/links_bg.png);
    background-repeat: no-repeat;
    background-position: 45px center;
    
}

#one_1:checked ~ .show_list{

	margin-left: 0%;

}
#one_1:checked ~ #lin{

    background:red;
}

#one_2:checked ~ .show_list{

	margin-left: -100%;
}

 #one_2:checked ~  #links_nu{

 	background:red;
 }
  #one_3:checked ~  #links_nus{

 	background:red;
 }

#one_3:checked ~ .show_list{

	margin-left: -200%;
}

.show_hide input{
	display: none;
}



/*show*/

.clients{

	width: 100%;
	float: left;
	border-top: 1px solid #b2d5e4;
	border-bottom: 1px solid #b2d5e4;
	background: #f4f4f4;
	padding-bottom: 36px;
}

.clients_box{
	width: 100%;
	float: left;
	text-align: center;
}
.clients_box h2{
	width: 100%;
	font-size: 76px;
	font-family: Bn;
	text-transform: uppercase;
	text-align: center;
	margin-top: 26px;
	color: #2190c1;
	margin-top: 26px;
	margin-bottom: 39px;
}

.uls_felx{
	width: 100%;
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;

}

.uls_felx li{

	flex-basis:15%;
	text-align: center;
	line-height: 35px;
	height: 30px;
	color: #ADADAD;
	font-size:21px;
	text-indent: 20px;

}

.uls_felx li:nth-child(1){
    
  font-family: Bn;

}

.uls_felx li:nth-child(2){
     
      font-family: Fzd;
      background-image: url(../images/clients_box1.png);
      background-repeat: no-repeat;
      background-position: 8% center;

	
}
.uls_felx li:nth-child(3){

	font-family: Bs;
	font-family: Fzd;
      background-image: url(../images/clients_box2.png);
      background-repeat: no-repeat;
      background-position: 8% center;
}
.uls_felx li:nth-child(4){
	font-family: Ma;
}
.uls_felx li:nth-child(5){
	  font-family: Gs;
	  font-family: Osl;
      background-image: url(../images/clients_box3.png);
      background-repeat: no-repeat; 
      background-position: 2% center;
}
.uls_felx li:nth-child(6){
	  font-family: Fzd;
      background-image: url(../images/clients_box4.png);
      background-repeat: no-repeat;
      background-position: 8% center;
}

.testimonials{
	width: 100%;
	float: left;
	background: #f4f4f4;
}

.testimonials_box h2{
	width: 100%;
	float: left;
	text-align: center;
	text-transform: uppercase;
	font-size: 76px;
	font-family: Bn;
	color:  #2190c1;
	margin-top: 40px;
	margin-bottom: 37px;
}
.testimonials_box p{
	width: 100%;
	float: left;
	text-align: center;
	font-family: Mpr;
	font-size: 25px;
	color: #525862;
	margin-bottom:58px;
	
}


.testimonials_more{
    position: relative;
    width: 100%;
    float: left;
    text-align: center;
}
.testimonials_more label{

	display: inline-block;
	padding-bottom: 21px;
	text-align: center;
	background-image: url(../images/offer_show_bg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	margin-top: 33px;

	
}
.testimonials_more input{
	display: none;
}
.testimonials_more label > span{

	width: 67px;
	height: 67px;
	border:1px solid blue;
	display: inline-block;
	border-radius: 50%;

}
.testimonials_more > span{
	position: absolute;
	top: 0px;
	height: 0px;
	display: block;
	left: 41%;
	display: block;
	font-size:14px;
	color: #F98561;
	font-family: Bsr;
	margin-top: 0px;
	margin-bottom: 33px;
	opacity: 0;
	transition:opacity .3s linear;
	
}




input[id^="female"]:checked +label{

	  background-image: url(../images/offer_show_bg1.png);

}



input[id^="female"]:checked + label + span{

	  opacity: 1;

}

@media screen and (max-width: 948px){

	.uls_felx li{

	flex-basis:15%;
	text-align: center;
	line-height: 35px;
	height: 30px;
	color: #ADADAD;
	font-size:10px;
	text-indent: 20px;

}
}


@media screen and (max-width: 948px){

	.uls_felx li{

	flex-basis:15%;
	text-align: center;
	line-height: 35px;
	height: 30px;
	color: #ADADAD;
	font-size:10px;
	text-indent: 20px;

}
}

@media screen and (max-width: 45px){

    .testimonials_more > span{
	position: absolute;
	top: 0px;
	height: 0px;
	display: block;
	left: 10%;
	display: block;
	font-size:14px;
	color: #F98561;
	font-family: Bsr;
	margin-top: 0px;
	margin-bottom: 33px;
	opacity: 0;
	transition:opacity .3s linear;
	
}

}

@media screen and (max-width:990px ) {

  .daoheng_one >li> a{

				   display: inline-block;
				   text-transform: uppercase;
				   font-size: 10px;
				   font-family: Mps;
				   padding: 4% 0;
				   color: #525862;

				} 

}





@media screen and (max-width: 730px){

   .projects_box h1{
	font-size: 3rem;
	text-transform: uppercase;
	color: #2190C1;
	width: 100%;
	font-family: Bn;
	margin-top: 37px;
	margin-bottom: 41px;

}

}
@media screen and (max-width: 530px){

   .projects_box h1{
	font-size: 2rem;
	text-transform: uppercase;
	color: #2190C1;
	width: 100%;
	font-family: Bn;
	margin-top: 37px;
	margin-bottom: 41px;

}

}

